/************************************************************************************

 * Left float Nav - CSS Styles
 * Primary styles
 * Author: James Dennis

*************************************************************************************/
 
/************************************************************************************
 GENERAL STYLING
*************************************************************************************/
body {color:#8D9B9B; background:#eee;}
a {color:#2E819F;}
a:hover {color: #000;}
strong, b {color: #41322a;}
em strong {color: #8e3d17;}
code {color: #72008a;}
pre code {
	color: #585535;
	border: solid 1px #e8e3b8;
	border-bottom: solid 1px #d9d4a8;
}
h1, h2, h3, h4, h5, h6 {color: #8D9B9B;}
h3 em {color: #2D809F;}
form label small, form label em {color: #8c8c86;}
input[type=text], input[type=password], textarea {
	background: #fff;
	background: rbga(255,247,153,.4);
	color: #4b423a;
	border-bottom: solid 1px #c8c7b4;
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {background: #faf7dd;}
input[type=reset], input[type=submit] {
	background: #68584c;
	color: #fff;
	border-bottom: solid 1px #55473b;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 0 rgba(0,0,0,.1);
}
input[type=reset]:hover, input[type=submit]:hover {background: #3f332a; color: #fff;}

/************************************************************************************
 STRUCTURE
*************************************************************************************/
#top-bg {}
#overlay-bg {}
#pagewrap {
	width: 1140px;
	max-width: 98%;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
	overflow:hidden;
}
#body {
	padding-left: 225px;
	padding-top: 2em;
}

/************************************************************************************
 HEADER
*************************************************************************************/
#branding {
	position: fixed;
	z-index: 20;
	margin-top:2em;
	width: 180px;
	padding:0px;
	text-align: left;
	background:#f5f5f5;
	box-shadow:0 0 2px #c2c2c2;
	border:2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#branding hgroup{
	clear:both;
	padding:15px 5px;
	text-align:center;
	border-bottom:1px solid #ccc;
}

/* site logo */
h1#site-logo{margin-bottom:0px;}
h1#site-logo {display:none;}

h1#site-title {
	font: normal 26px/120% 'Droid Sans',arial,serif;
	text-transform: lowercase;
	display:block;
	text-align:center;
	text-shadow:2px 2px 0px #fff;
}
h1#site-title a {color: #603913; text-decoration: none;}
h1#site-title a:hover {color: #000;}

/* site description */
#site-description {
	font: italic 12px/100% 'Droid Serif', arial, serif;;
	color: #8C9A9A;
	margin: 0 0 10px;
	padding: 0 0 10px 2px;
	text-shadow: none;
	text-align:center;
}

#site-description.pageHeader {
	font: italic 18px/100% 'Droid Serif', arial, serif;
    float:right;
    clear:both;
}

/* searchform */
#searchform{
	clear:both;
	padding:10px 5px 10px;
	text-align:center;
	border-top:1px solid #ccc;
	background:#f1f1f1;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
#searchform #s {
	width: 80px;
	background:#fff url(../img/search.png) no-repeat 5px 3px;
	font: italic 80%/110% 'Droid Serif', arial, serif;
	color: #8D9B9B;
	padding: 5px 4px 5px 28px;
	border: dotted 1px #ccc;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-o-transition: .7s;
	transition: .7s;
}
#searchform #s:focus {
	color: #8D9B9B;
	width: 130px;
	background-color:#fff;
	font-style: normal;
	border: dotted 1px #ccc;
}
input#searchsubmit[type="submit"], #searchform label{
	display:none;
}

#modalMask {
	position:absolute; 
	left:0; 
	top:0; 
	z-index:10;  
	background:#666; 
	display:none;
}

/************************************************************************************
 MAIN NAV
*************************************************************************************/
#access {
	clear: both;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
	background:#f9f9f9;
	border-bottom:1px solid #ccc;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin:0;
	width:100%;
	display:inline;
}
#access li {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	list-style: none;
	position: relative;
	width:100%;
}
#access a {
	color:#8D9B9B;
	text-decoration: none;
	font-size: 14px;
	line-height: 100%;
	padding:8px 5px;
	-webkit-transition: background-color .7s;
	-moz-transition: background-color .7s;
	-o-transition: background-color .7s;
	transition: background-color .7s;
	display:block;
	text-align:center;
	text-shadow:1px 1px 0px #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
}

#access ul ul {
	width:180px;
	display: block;
	background-color: #eee;
	position: absolute;
	z-index: 100;
	left: 185px;
	top:0px;
	margin: 0;
	display: none;
	box-shadow:0px 0px 2px #999;
	border:1px solid #fff;
	border-bottom:none;
}
#access ul ul ul {
	left: 180px;
	top: -1px;
}
#access ul ul a {
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 13px;
	padding:8px 10px;
	text-align: left;
}

#access ul li:hover > a,
#access ul li > a:focus {
	color:#000;
	background-color: #fff;
	box-shadow:0px 0px 2px #999;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	margin-right:-5px;
	margin-left:-5px;
}
#access ul li:hover > ul a,
#access ul li:hover > ul a:focus {
	background-color:transparent;
	box-shadow:none;
}
#access ul ul li:hover > a,
#access ul ul li > a:focus {
	margin-right:0px !important; 
	margin-left:0px !important;
}

#access ul ul a:hover, #access ul ul a:focus,
#access ul ul ul a:hover, #access ul ul ul a:focus{
	background-color:#f5f5f5 !important; 
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* SuperFish classes */
span.sf-sub-indicator{float:right;}


.skip-link{display:none;}
.menu{clear:both; display:block;}

/************************************************************************************
 SOCIAL MEDIA NAV
*************************************************************************************/
nav#social{
	padding:20px 10px 15px; 
	display:block; 
	clear:both; 
	text-align:center;
}
nav#social ul, nav#social ul li {display:inline; margin:0px; padding:0px;}
nav#social ul li{width:32px; height:32px; margin:0px 3px;}
nav#social ul li a{
	display:inline-block; 
	width:32px; 
	height:32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #e2e2e2;
	background-color:#fff;
}
nav#social ul li a.fb{background:#fff url(../img/smi-32.png) top left no-repeat;}
	nav#social ul li a.fb:hover{background:#627AAD url(../img/smi-32.png) bottom left no-repeat;}
nav#social ul li a.tw{background:#fff url(../img/smi-32.png) top right no-repeat;}
	nav#social ul li a.tw:hover{background:#3FBCE1 url(../img/smi-32.png) bottom right no-repeat;}
nav#social ul li a.rss{background:#fff url(../img/smi-32.png) top center no-repeat}
	nav#social ul li a.rss:hover{background:#FE802B url(../img/smi-32.png) bottom center no-repeat;}

nav#social ul li a:hover{ 
	border:1px solid #fff;
	box-shadow:0px 0px 3px #999;
}

/************************************************************************************
 BACK TO TOP LINK
*************************************************************************************/

#back-top {
    clear: both;
    position: fixed;
    text-align: center;
	width:180px;
	margin-top:1em;
	background:#f5f5f5;
	box-shadow:0 0 2px #c2c2c2;
	border:2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#back-top a {
    -moz-transition: background-color 0.7s ease 0s;
    color: #8D9B9B;
    text-decoration: none;
    text-transform: uppercase;
	padding:5px 10px;
	display:block;
	font-size:13px;
	line-height:100%;
}
#back-top a:hover {
    color: #000;
}

#back-top span {
    border-radius: 10em 10em 10em 10em;
	background:url(../img/up_arrow.png) top no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 12px;
    margin: 0 0 0 -12px;
    width: 12px;
}
#back-top a:hover span {
	background:url(../img/up_arrow.png) bottom no-repeat;
}


/************************************************************************************
 CONTENT
*************************************************************************************/
#main{
	float: left;
	margin-right: -210px;
	width: 100%;
	border-bottom: 1px dotted #8D9B9B;
	padding:20px 0px;
}
header#pageHeader{
	margin-bottom:25px;
	min-height:30px;
	border-bottom: 1px dotted #8D9B9B;
}

/* Styling Breacrumb Navigation by BOUTROS ABICHEDID */
.breadcrumb{
    float:right;
    font-size:90%;
    clear:both;
}
.delimiter{
    background-color:inherit;
}
.delimiter1{
    background-color:inherit;
}
/* End Styling Breacrumb*/

#content {
	margin-right: 210px;
	padding-right:3%;
}

.entry-title {
	color: #8D9B9B;
	font: normal 30px/120% 'Droid Sans',arial,serif;
	margin: 5px 0 10px;
	padding: 0;
}

/* post */
article.post{
	background:#f9f9f9;
	border:2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0 0 2px #c2c2c2;
}
.post-content a, 
.commentlist .commententry a {
	background-color: #f7f3c5;
	border-bottom: solid 1px #cfcebe;
}
.post-content a:hover, 
.commentlist .commententry a:hover {
	color: #57320e;
	background-color: #f5ec82;
	border-color: #d1cb7d;
}
.post-content figure a, .post-content .gallery a, 
.post-content .image a, .post-content .btn a, 
.commentlist a.comment-reply-link {
	background-color: transparent;
	border-bottom: none;
}

.post {
	position: relative;
	padding:20px;
	margin-bottom:10px;
}

.single .post {
	background: none;
	margin-bottom: 0;
}
.post-content p:first-child {
	font-size: 16px !important;
	line-height: 150%;
}

/* post image */
.post-image {
	margin: 0;
}
.post-image img {
	width: 140px;
	margin: 5px 0 5% 7%;
	float: right;
}

img.alignleft{margin-right:20px;}
img.alignright{margin-left:20px;}

/* post title */
.post-title {
	color: #2D809F;
	font: normal 32px/125% 'Droid Sans',arial,serif;
	letter-spacing: -.03em;
	margin: 0 0 10px;
}
.post-title a {
	color: #2D809F;
	text-decoration: none;
	display: inline;
	vertical-align: top;
}
.post-title a:hover {
	color: #000;
	text-decoration: none;
}
.post.featured .post-title {
	background: url(images/star.png) no-repeat 0 12px;
	padding-left: 22px;
	margin-left: -22px;
}

/* post comment */
.post-title sup {
	display: inline-block;
	vertical-align: top;
}
.post-title sup a {
	font: normal 15px/100% Georgia, 'Droid Serif', arial, serif;
	text-align: center;
	text-shadow: none;
	width: 40px;
	height: 30px;
	display: block;
	margin-left: 2px;
	padding-top: 3px;
	padding-bottom: 4px;
}

/* post meta */
.post-meta {
	font: 90%/130% Arial, Helvetica, sans-serif;
	color: #bbbab1;
	margin: 0 0 12px;
}
.post-meta a {
	color: #6e6d67;
	border-bottom: solid 1px #d0cfc7;
	text-decoration: none;
}
.post-meta a:hover {
	color: #000;
	background-color: #f5ec82;
	background-color: rgba(245,236,130,.8);
}
.post-meta .post-date {
	color: #949289;
	font-weight: bold;
}
.post-meta .post-tag {
	font: italic 95% Georgia, 'Droid Serif', arial, serif;
	text-transform: lowercase;
}

.entry-meta{
	background:#f5f5f5;	
	padding:5px 10px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:10px;
}
.entry-meta p{
	margin:0px;
	font-size:0.8em;
}


/************************************************************************************
 SIDEBAR
*************************************************************************************/

aside.sidebar {
	float: right;
	width: 200px;
	margin:0;
	word-wrap: break-word;
	font-size: 85%;
	line-height: 140%;
	margin-top:75px;
}
aside.sidebar ul li.widget{
	padding:20px;
	background:#f9f9f9;
	border:2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0 0 2px #c2c2c2;
}
aside.sidebar a {
	color: #2D809F;
}
aside.sidebar a:hover {
	text-decoration: underline;
}
aside.sidebar section {
	margin-bottom: 25px;
	clear: both;
}
aside.sidebar h4 {
	font: normal 120%/110% 'Droid Sans',arial,serif;
	margin: 0 0 12px;
	color:#8D9B9B;
	border-bottom:1px dotted #8D9B9B;
	padding-bottom:5px;
}
aside.sidebar h4 a {
	text-decoration: none;
}
aside.sidebar ul {
	margin: 0;
	padding: 0;
}
aside.sidebar li {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

#wp-calendar td{padding:4.5px;}
#wp-calendar caption{font-size:1em;}
#wp-calendar thead{}
#wp-calendar tfoot{}
#wp-calendar tbody{}

/************************************************************************************
 FOOTER
*************************************************************************************/
#footer {
	clear: both;
	font-size: 85%;
	line-height: 160%;
	padding-top: 30px;
}
#footer a {
	color: #2D809F;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
}
#footer section {
	width: 26.5%;
	margin-left:3%;
	margin-bottom: 60px;
	float: left;
	word-wrap: break-word;
	padding:1.5em;
	background:#f9f9f9;
	border:2px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0 0 2px #c2c2c2;
}
#footer section:first-child {
	margin-left: 0;
}
#footer h4 {
	font: normal 115%/120% 'Droid Sans',arial,serif;
	margin: 0 0 8px;
	text-transform: uppercase;
	color: #000;
	letter-spacing: .1em;
}

/* footer list */
#footer ol, #footer ul {
	margin: 20px 0 0;
	padding: 0;
}
#footer li {
	padding: 0 0 8px;
	margin: 0;
	list-style: none;
	clear: both;
}
#footer time {
	color: #949289;
}

/* recent posts */
#footer .recent-posts figure {
	float: left;
	margin: -2px 14px 3px 0;
	width: 44px;
}
#footer .recent-posts figure img {
	padding: 3px;
}
#footer .recent-posts h5 {
	font: normal 115% 'Droid Sans',arial,serif;
	text-transform: none;
	margin: 3px 0 4px;
}
#footer .recent-posts .post-meta {
	font-size: 95%;
	margin: 0;
}
#footer li figure {
	float: left;
	margin: 0 12px 6px 0;
}


/* recent comments */
#footer .recent-comments figure {
	margin: -4px 12px 6px 0;
}
#footer .recent-comments .avatar {
	width: 40px !important;
	height: 40px !important;
	float: left;
	display: block;
}
#footer .recent-comments cite {
	font-variant: small-caps;
	font-style: normal;
	font-size: 125%;
	text-transform: capitalize;
}

/* copyright */
#footer .copyright {
	font-size: 95%;
	color: #998675;
	font-variant: small-caps;
}
#footer .copyright a {
	color: #8e5a56;
}
#footer .copyright a:hover {
	color: #000;
}

/************************************************************************************
 FORM VALIDATION
*************************************************************************************/
.wpcf7-not-valid-tip-no-ajax, label.error {
	color: #de3f1a;
	font-size: 90%;
	margin-left: 5px;
	white-space: nowrap;
}
textarea.error, input.error {
	border: solid 1px #daaa9c;
}